<!--suppress ALL -->
<include file="./Template/header.html" />

<link rel="stylesheet" type="text/css" href="/Template/css/productDetail.css">
<script type="text/javascript" src="/Template/js/amazeui.js"></script>
<script type="text/javascript">


	$(function() {

		//初始化页面配置
//		initPage("产品介绍详情");
        document.title = "{$info.title}";

		var app = new Vue({
			el: '#container',
			data: {
				info: [],
				list: []
			},
			methods: {
				doctorList: function(id) {
					window.location.href = "/wechat/doctor/index/categoryId/"+id;
				},
				activityList: function(id) {
					window.location.href = "/wechat/activity/index/categoryId/"+id;
				},
				order: function () {
					window.location.href = "/wechat/order/index/id/{$product.product_id}";
				},
				booking: function() {
					window.location.href = "/wechat/booking/index/id/{$product.product_id}";
				}
			}
		})

		$(".pop-frame").click(function() {
			$(".subscribe").hide();
		});

		$('.am-slider').flexslider({
			animationLoop: false,
		});

		$('.product-info p img').css({
			width: "100%",
			margin: "10px 0"
		});

		$('.product-info p span img').css({
			width: "100%",
			margin: "10px 0"
		});

		$('.product-info ul, .product-info ol').css({
			"padding-left":"1.2rem"
		});

		$('table').css({
			width: "100%"
		});

		var fullWidth = $(".product-info").width();

		$("iframe").each(function() {
			var originSrc = $(this).attr("src").split("&",1)[0];
			var newSrc = originSrc + "&width=" + fullWidth + "&height=280&auto=0";
			$(this).css("width", fullWidth+"px");
			$(this).attr("src", newSrc);
			$(this).css("height", "280px");
		});

	})

</script>

<div class="container" id="container">
	<div class="nav-img">
		<div class="am-slider am-slider-default" id="demo-slider-0">
			<div class="am-viewport" style="overflow: hidden; position: relative;">
				<ul class="am-slides nav-img-ul" style="width: 400%; transition-duration: 0.6s; transform: translate3d(0px, 0px, 0px);">
					<foreach name="photoList" item="vo">
						<li class="am-active-slide" data-thumb-alt="" style="width: 320px; margin-right: 0px; float: left; display: block;">
							<img src="{$vo}" draggable="false">
						</li>
					</foreach>
				</ul>
			</div>
		</div>
	</div>
	<div class="product-info">
		<!--<p class="product-name">{$product.product_name}</p>-->
		{$info.content}
	</div>
	<div id="operation">
		<ul>
			<li class="recomend" v-on:click="doctorList({$product.category_id})">
				<img src="/Template/images/doctor-rec.png" alt="">
				<span>推荐医生</span>
			</li>
			<li class="activity" v-on:click="activityList({$product.category_id})">
				<img src="/Template/images/gift-bag.png" alt="">
				<span>线下活动</span>
			</li>
			<if condition="$category['is_finished'] eq -1">
				<li class="product" v-on:click="booking">
					<img src="/Template/images/bottle.png" alt="">
					<span>立即购买</span>
				</li>
			<else/>
				<li class="product" v-on:click="order">
					<img src="/Template/images/bottle.png" alt="">
					<span>立即购买</span>
				</li>
			</if>
		</ul>
	</div>
	<!--if condition="$customer['subscribe'] neq 1">
		<div class="subscribe">
			<div class="pop-frame">
				<div class="hint">
					<div class="line"></div>
					<p class="rec-title">无法识别二维码?</p>
					<ul>
						<li>1、打开微信,点击添加朋友</li>
						<li>2、搜索微信号:xwkkffj</li>
						<li>3、点击”关注”,完成</li>
					</ul>
				</div>
			</div>
			<div class="two-d-code">
				<img class="two-d-code-bg" src="/Template/images/doc-2d-code-bg.png" alt="">
				<img class="two-d-code-img" src="/Template/images/xwk-qrcode.jpg" alt="">
				<p class="recognize">
					长按图片[识别二维码]关注公众号
				</p>
			</div>
		</div>
	</if-->

</div>
<include file="./Template/footer.html" />